<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{fragments/layout}">
<head>
	<meta charset="utf-8">
    <!-- ui使用的引入资源,实际页面代码不会加载  ---start -->
    <!-- 公共 -->
    <link rel="stylesheet" href="../../META-INF/resources/webjars/bootstrap/3.3.7/css/bootstrap.css"  th:remove="all">
    <link rel="stylesheet" href="../../static/fonts/iconfont.css" th:remove="all">

	<script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.js" th:remove="all"></script>
	<script src="../../META-INF/resources/webjars/bootstrap/3.3.7/js/bootstrap.min.js" th:remove="all"></script>
	<script src="../../static/js/menu.js" th:remove="all"></script> <!-- 左边菜单 -->

    <script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.min.js"  th:remove="all"></script>

    <!-- 后台样式 -->
    <link rel="stylesheet" href="../../static/css/manage.css" th:remove="all">
    <link rel="stylesheet" href="../../static/css/power.css" th:remove="all">
    <!-- ui使用的引入资源,实际页面代码不会加载  --- end -->
    
    <!--基础js-end -->
    <script type="text/javascript">
        var WEB_ROOT = '/demo';
    </script>

    <!-- 消息弹框  start -->
    <script src="../../static/js/system/webweigetutil.js" th:src="@{/js/system/webweigetutil.js}"></script>
    <script language="javascript" src="../../static/js/system/jquery.bootstrap.message.js" th:src="@{/js/system/jquery.bootstrap.message.js}"></script>
    <!-- 消息弹框  end -->
    <script src="../../META-INF/resources/webjars/bootstrap/3.3.7/js/bootstrap.js"></script>

    <script src="../../static/js-busi/staff/staffMgr.js" th:src="@{/js-busi/staff/staffMgr.js}"></script>


</head>
<body>
	
	<!-- 头部 -->
    <header class="m_header">
        <div class="wt1200 clearfix">
            <div class="m_header_leftWrap">
                <a href="" class="Logo" target="_blank">
                    <img src="../../static/images/logo_manager.png" alt="上海权益中心">
                </a>
                <em class="m_headName">亚信联通DEMO工程</em>
                <span>欢迎登陆亚信联通DEMO工程</span>
            </div>
            <ul class="m_hdlist clearfix">
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-huiyuan1"></i>admin</a>
                </li>
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-mima1"></i>修改密码</a>
                </li>
                <li>
                    <a class="item" href="../login/login.html" target=""><i class="iconfont icon-tuichu"></i>退出</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 头部 end-->


	<div class="m_wrap1200">
    <!-- 右边主体 -->
    <div class="m_main" layout:fragment="screen_content">
        <div class="m_con">

            <div class="pl20 pr20">
                <!-- 隐藏元素，该用户在该页面有的元素权限-->
                <div th:include="~{fragments/elementAuthCheck}"></div>

                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active">
                        <!--<a href="#tab01" aria-controls="home" role="tab" data-toggle="tab" th:if="${currentMenuName} != NULL and ${currentMenuName} != ''"  th:text="${currentMenuName}">用户管理</a> -->
                        <a href="#tab01" aria-controls="home" role="tab" data-toggle="tab" th:if="${currentMenuName} == NULL or ${currentMenuName} == ''" >用户管理</a>
                    </li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content pt15">
                    <table class="editTable">
                        <tr>
                            <td class="Hint">
                                用户名称：
                            </td>
                            <td>
                                <input type="text" name="staffName mt220" id="staffName" class="form-control">
                            </td>

                            <td class="Hint">
                                用户类型：
                            </td>

                            <td>

                                <select class="form-control mt220" name="staffType" id="staffType">
                                    <option value="">全部</option>
                                    <option value="1">平台</option>
                                    <option value="2">合作伙伴</option>
                                </select>

                            </td>

                            <td>
                                <a href="javascript:void(0)" class="btn-primary btn mr10 ml20" onclick="queryStaff('1')">查询</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a functionkey ="add"  href="javascript:void(0)" class="btn-primary btn mr10 ml20" onclick="addStaff();">新增</a>
                            </td>
                        </tr>


                    </table>

                    <div id="staffTabDiv">　
        　
        　
        　
        　
        　
        　
        　
        <table id="staffListTab" class="table table-bordered text-center table-striped table-hover table-th-nowrap mt20 table-td-m">
    <thead>
    <tr class="active">
        <th>员工编码</th>
        <th>员工类型</th>
        <th>员工姓名</th>
        <th>电话</th>
        <th>登录名</th>
        <th>状态</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    

    <tr><td>10000801</td>
        <td>平台</td>
        <td>test1</td>
        <td>18616000000</td>
        <td>test</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000801)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000801)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>

    <tr><td>10000702</td>
        <td>平台</td>
        <td>管理员</td>
        <td>13232323232</td>
        <td>admin</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000702)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000702)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>

    <tr><td>10000402</td>
        <td>合作伙伴</td>
        <td>测试合作商家</td>
        <td>17621685410</td>
        <td>partner</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000402)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000402)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>

    <tr><td>10000401</td>
        <td>平台</td>
        <td>测试管理员（上海）</td>
        <td>17621685410</td>
        <td>staff_sh</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000401)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000401)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>

    <tr><td>10000203</td>
        <td>合作伙伴</td>
        <td>测试合作商家（上海）</td>
        <td>17621685410</td>
        <td>partner_sh</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000203)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000203)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>

    <tr><td>10000202</td>
        <td>平台</td>
        <td>测试管理员</td>
        <td>17621685410</td>
        <td>staff</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000202)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000202)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>

    <tr><td>10000201</td>
        <td>平台</td>
        <td>admin1</td>
        <td>17621685410</td>
        <td>admin1</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000201)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000201)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>

    <tr><td>10000001</td>
        <td>平台</td>
        <td>周卫澄</td>
        <td>17621685410</td>
        <td>zwc</td>
        <td>有效</td>
        <td>
            <a class="blue frame-authcheck" functionkey="delete" href="javascript:doDel(10000001)" style="display: inline;">删除</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toModifyStaff(10000001)" style="display: inline;">编辑</a>
            <span class="blue frame-authcheck" functionkey="delete" style="display: inline;">|</span>
            <a class="blue frame-authcheck" functionkey="modify" href="javascript:toReadStaff(10000801)" style="display: inline;">查看</a>
        </td>
    </tr>
    </tbody>
</table>

<!-- 分页 start   -->
<div class="overflow-hidden clearfix">
                    <!-- pagerBar -->
                    <div class="pagelist pull-right" th:remove="all" th:replace="fragments/pager :: pager">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li>
                                    <a href="#" aria-label="Previous">
                                        <span aria-hidden="true">上一页</span>
                                    </a>
                                </li>
                                <li class="active"><a href="#">1</a></li>
                                <li>
                                    <a href="#" aria-label="Next">
                                        <span aria-hidden="true">下一页</span>
                                    </a>
                                </li>
                                <div class="pageskip">
                                    <span class="pr10">到第<input type="text" class="pageskip_box">页</span>
                                    <a href="" class="btn btn-default  btn_rec btn-sm">确定</a>
                                </div>
                            </ul>

                        </nav>
                    </div>
                    <!-- pagerBar end-->
                </div>
<!-- 分页 end   -->
</div>

                </div>

            </div>

        </div>
    </div>
    
    <!-- 左边菜单 -->
        <div class="m_nav">
            <div class="leftMenu">
                <div class="menu_list">
                    <ul>
	                    <li>
                            <p class="fuMenu"><i class="iconfont icon-tuichu"></i>我的工作台</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="../main/main.html">首页</a></p>
                            </div>
                        </li>
                        <li>
                            <p class="fuMenu"><i class="iconfont icon-mima1"></i>系统管理</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="staffList.html" class="active">用户管理</a></p>
                                <p class="zcd"><a style="display: block" href="roleList.html">角色管理</a></p>
                                <p class="zcd"><a style="display: block" href="menuManagerNew.html">菜单管理</a></p>
                                <p class="zcd"><a style="display: block" href="systemParam_Manage.html">系统参数管理</a></p>
                                <p class="zcd"><a style="display: block" href="switchloginstafflist.html">角色切换</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左边菜单 end-->
</div>
	<!-- 右边主体 end-->
</div>

<div  layout:fragment="m_modal_screen_content">
    <!-- 删除弹窗-->
    <div class="m_modal modal fade" id="deleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="width:350px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="doGdsStatusModalTitle">提示</h4>
                </div>
                <div class="modal-body clearfix pt20 pb20" >
                    <h5 class="ptb30 f20 text-center">请确认要删除该条记录吗？</h5>
                </div>
                <div class="modal-footer">
                    <button id="doGdsStatusModalConfirm" type="button" class="btn btn-primary" onclick="doGdsStatus(this)" gdsId="" targetStatus="" oldStatus="" data-dismiss="modal">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../static/js/tree.js" th:remove="all"></script>
<script type="text/javascript">
		meunShow();
		showChoseMenu();
</script>

</body>
</html>